<template>
	<view class="navPage">
		<view class="iconfont iconsousuo"></view>
		<view @tap="open_index">推荐</view>
		<view @tap="open_city">同城</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		onLoad() {},
		methods: {
			open_index() {
				uni.redirectTo({
					url: "/pages/index/index"
				});
			},
			open_city() {
				uni.redirectTo({
					url: "/pages/city/city"
				});
			},
		},
	}
</script>
<style lang="scss" scoped>
	.navPage {
		width: 100%;
		height: 70rpx;
		position: fixed;
		left: 0;
		right: 0;
		top: var(--status-bar-height);
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40rpx;
		z-index: 20;

		>view {
			color: #FFFFFF;
			font-size: 40rpx;

			&:first-of-type {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				height: 100%;
				width: 150rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			&:nth-of-type(2) {
				place-self: center end;
			}

			&:nth-of-type(3) {
				place-self: center start;
			}
		}
	}
</style>
